@mixin display_flex {
    display: flex;
    align-items: center;
}
@mixin transition3 {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.search_box{
    width: 100%;
    padding-top: 18px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}
.list_box{
    text-indent: 0;
    margin-top: 10px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    min-height:700px;
}
.list_box_but,.list_table{
    width: 98%;
    margin: 0 auto;
    margin-top: 10px;
}
.list_box_but{
    margin-top: 18px;
}
.list_box_but a{
    color:#fff;
}
.list_pagination{
    padding-top: 14px;
    text-indent: 0;
    >div{
        justify-content: flex-end;
        margin-right: 20px;
    }
}

.el-button--text{
    color: #4d70ff;
    &:hover{
        color: #2953fc;
    }
}
.el-button--primary{
    background-color: #4d70ff;
    border:1px solid #4d70ff;
    @include transition3;
    &:hover{
        background-color: #2953fc;
        border:1px solid #2953fc;
    }
}
.el-menu-item.is-active{
    color: #4d70ff;
}


:deep(.el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .btn-prev.is-active), :deep(.el-pagination.is-background .el-pager li.is-active){
    background-color: #4d70ff;

}
:deep(.el-pager li:hover){
    color: #4d70ff;
}
:deep(.el-select .el-input.is-focus .el-input__wrapper){
    box-shadow: 0,0,0,1px,#4d70ff !important;
}
:deep(.el-checkbox__input.is-checked .el-checkbox__inner),:deep(.el-checkbox__input.is-indeterminate .el-checkbox__inner){
    background-color: #4d70ff;
    border:1px solid #4d70ff;
}
.el-button+.el-button{
    margin-left:2px;
}
.el-button--small{
    padding: 5px 6px;
}